<script setup>
import { useCounterStore } from '@/stores'
const data = useCounterStore()
</script>

<template>
  <div v-if="data.loading" id="loadingpage">
    <img src="../../assets/img/loading.gif" alt="">
  </div>
</template>

<style lang="scss" scoped>
#loadingpage {
  position: fixed;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: black;
}
</style>